<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			.box{
				margin-top: 20px;
			}
			.explain{
				display: inline-block;
				width: 100px;
				text-align: right;
			}
		</style>
	</head>
	<div id="app" class="mui-content">
		<div class="mui-card">
			<div class="mui-card-header">单号：{{data[0].order}}</div>
			<div class="mui-card-content">
				<div class="box">
					<p><span class="explain">支付方式：</span>{{data[0].payType}}</p>
					<p><span class="explain">购币门店：</span>{{data[0].storeName}}</p>
					<p><span class="explain">支付：</span>{{data[0].payAmount}}</p>
					<p><span class="explain">提币码：</span>{{data[0].coinCode}}</p>
					<p><span class="explain">购币数量：</span>{{data[0].coinNum}}</p>
					<p><span class="explain">购币时间：</span>{{data[0].payTime}}</p>
					<p v-show="data[0].extractCoin"><span class="explain">提币数量：</span>{{data[0].extractCoin}}</p>
					<p><span class="explain">提币时间：</span>{{data[0].extractTime}}</p>
				</div>
			</div>
		</div>
	</div>

	<body>
		<script src="../js/mui.min.js"></script>
		<script src="../config.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			var vm = new Vue({
				el: '#app',
				data: function() {
					return {
						data: [{}],
						currentShopObj: {},
					}
				},
				created: function() {
					var vm = this
					mui.init()
					mui.plusReady(function() {
						vm.receiveParams()
					})
				},
				methods: {
					receiveParams: function() {
						var self = plus.webview.currentWebview()
						this.currentShopObj = self.currentShopObj
						this.data = self.data
					},
				}
			})
		</script>
	</body>

</html>